*{margin: 0;padding: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
html,body{-webkit-font-smoothing:subpixel-antialiased;}
ul,li{list-style: none;}
img{vertical-align: middle;max-width: 100%;}
a{outline: 0;color: #333;text-decoration: none;}
input[type=button],input[type=text],input[type=number],input[type=password],input[type=submit]{
	-webkit-appearance:none;outline: none;
}
.clearfix:after,.clearfix:before{
	content: '';display: block;height: 0;overflow: hidden;
}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}
.main{
	min-width: 320px;max-width: 640px;width: 100%;height: 100vh;margin: 0 auto;background-color: #EDEDED;font-size: 0.28rem;font-family:'fontNormal';
}

.float_container{
	position: fixed;left: auto;right: auto;bottom: 0;z-index: 99999;width: 100%;max-width: 640px;transform: translateZ(1000px);background: #EDEDED;display: none;
}
.float_container .title_talk{
	width: 100%;height: 33px;line-height: 33px;background: #4C204D;margin-bottom: 5%;position: relative;
}
.float_container .title_talk a{
	display: block;margin-bottom: 5%;color: #f6cd91;line-height: 33px;font-size: 16px;text-align: center;text-decoration: none;
}
.float_container .title_talk img{
	width: 5%;border: 1px solid #f6cd91;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;right: 4%;top:30%;padding: 1%;
}
.float_container .show-dialog{margin: 0 0 4% 4%;transiton: all .3s linear 0s;display: none;}
.float_container .show-dialog .dialog img{display: inline-block;float: left;width: 12%;}
.float_container .show-dialog .dialog .span{display: inline-block;float: left;width:73%;padding: 3% 3%;line-height: 1.2;color: #302703;font-size: 15px;background: #fff;margin-left: 6%;position: relative;-webkit-border-radius:10px;border-radius: 10px;}
.float_container .show-dialog .dialog .span:before{
	content: '';position: absolute;left: -4%;top:23%;width:4%;height:23%;background: url(../images/page/icon.png) no-repeat;background-size: 100%;
}
.zx-btn{
	width: 100%;max-width: 640px;min-width: 320px;padding-bottom: 3.5%;background: #F6F6F6;border-top: 1px solid #E1E1E1;
}
.zx-btn .zx-box{
	display: -webkit-box;display: flex;justify-content: space-between;width: 94%;margin: 0 auto;padding-top: 5%;flex-wrap: nowrap;flex-direction: row;
}
.zx-btn .zx-box .zx-icon{
	float: left;
	width: 10%;
	height: 10%;
	margin-top: 7px;
}
.zx-btn .jump{
	display: block;width: 14%;padding-top: 2%;color: #fff;font-size: 15px;background-color: #FA6F00;text-align: center;-webkit-border-radius:6px;border-radius: 6px;cursor: pointer;
}
#HotNews{
	display: block;
	width: 100%;
	height: 35px;
	padding-left: 4px;
	padding-top: 2%;
	margin: 0 8px;
	background: #fff;
	color: #777;
	font-size: 14px;
	-webkit-border-radius:6px;border-radius:6px;cursor: pointer;
	overflow: hidden;
}
@keyframes swttyping{
	0%{width:0}25%{width:35ch}100%{width:35ch}
}
@keyframes blink-caret{
	50%{border-color:transparent}
}
@media screen and (min-width:640px){
	.float_container .title_talk{width: 100%;height: 66px;line-height: 66px;}
	.float_container .title_talk img{width: 30px;border: 2px solid #f6cd91;}
	.float_container .title_talk a{display: block;color: #f6cd91;line-height: 66px;font-size: 30px;text-align: center;}
	.float_container .show-dialog .dialog .span{font-size: 24px;}
	.zx-btn .jump{display: block;width: 22%;color: #fff;font-size: 24px;background-color: #FA6F00;text-align: center;-webkit-border-radius:6px;border-radius: 6px;cursor: pointer;}
	#HotNews{font-size: 18px;height: 54px;line-height: 54px;padding-top: 0;}
}

/* 
.float_container{z-index: 99999999999999999;transform: translateZ(1000px);display: none;position: fixed;width: 100%; max-width: 640px; left: auto; right:auto;bottom: 0; background: #eeeeee;}
.db{display: block}
.float_container .title_talk{ width: 100%; height:34px; line-height: 30px; background: #9b4dfc; position: relative;}
.title_talk a{display: block; color:#ffffff; text-decoration:none; margin:0; font-size: 16px; line-height: 32px; text-align: center;}
.title_talk img{ width: 6%; border-radius: 50%; border:1px solid #fff; position: absolute; right: 2%; top: 14%; padding: 1%;}
.float_container dl{display: none; margin-bottom:0px; transiton: all .3s linear 0s}
.float_container dt{display: inline-block;width: 14%;float: left;margin: 21px 0 0 8px;text-align: center}
.float_container dt img{max-width: 90%; overflow: hidden; width: 100%;float: right; border-radius: 50%;}
.float_container dd{margin: 0;display: inline-block;position: relative;width: 80%;float: left;margin-bottom: 0%; margin-top:2%;}
.float_container .time{font-size:12px;line-height: 1.6; color: #333;text-align: center;}
.float_container .xinbox{color: #000;position: relative;margin-left: 5%;padding: 10px;border-radius: 3px; background: #fff; letter-spacing: -1px;font-size:24px;line-height:0.9; border-radius: 10px;}
.float_container .xinbox img{width: 8%;vertical-align: bottom; margin-bottom:0.1rem; }
.float_container .xinbox a{ line-height:1.5; text-decoration: none; font-size: 13px; color: #000}
.smaburn{ width: 100%; float: left; background: #fff; padding-top: 2.5%; margin-top: 3%;padding-bottom: 2.5%;}
.smaburn p{ font-size: 15px; color: #000; padding-left: 2%;}
.smaburn p a{ font-size: 15px; text-decoration: underline; color: #000}
.smaburn p a img{display: inline-block; width: 4%; margin-top: 0%; margin-right: 1%;}
.mgskl{ width: 94%; margin: 0 auto;  margin-top: 15px;}
.mgskl a{ width: 20%; padding:1.6% 2%;margin:0; margin-left: 2%; border-radius: 8px;box-sizing:content-box; font-size: 16px; color: #fff; text-align: center; background: #7471e5; float: left; position: relative; }
.mgskl a:hover{ text-decoration: none;box-sizing:content-box;}
#hfnum{ font-size: 12px;  width:15px; height:15px; line-height:15px; border-radius: 50%; background: red; position: absolute; right: 2%; top: -15%;}
.jtgmc{ width: 2% !important; margin-top: 2.5%; margin-left: 0.5%;}

.tpprice{ width: 90%;padding: 4%; margin-top: 3%; margin-left: 5%;  float: left; background: #fff; border-radius: 0.6rem; overflow: hidden; display: none;}
.tpprice h6{ font-size: 16px; margin: 0; margin-bottom: 2%; padding-left: 2%; border-left: 2px solid #000; line-height: 18px;}
.tpprice ul{ width: 100%; float: left; margin: 0;}
.tpprice ul li{ width: 49%; height: 12%;  float: left; margin-bottom: 2%; margin-left: 2%; background: url(http://m.hanfeizx.com/templets/phone/images/xin_swt/dj.png) no-repeat; background-size: 100% 100%; text-align: center;}
.tpprice ul li:nth-child(1),.tpprice ul li:nth-child(3){ margin-left: 0px;}
.tpprice ul li p{ color:#fff; margin: 0; font-size: 15px; line-height: 18px; padding-top: 8%; padding-bottom:5%}
.tpprice ul li p span{ color:#fff; margin: 0; font-size: 19px; line-height: 20px; padding-top: 2%; display: inline-block;}

.tpcase{ width: 90%; padding: 4%; margin-top: 1%; margin-left: 5%; float: left; background: #fff; border-radius: 0.6rem; overflow: hidden; display: none;}
.tpcase h6{ font-size: 16px; margin: 0; margin-bottom: 2%; padding-left: 2%; border-left: 2px solid #000; line-height: 18px;}
.tpcase img{ width: 100%;}
.m_buiin{ font-size: 0.96rem; color:#000; line-height: 1rem; padding-top: 0.2rem}

.msinu{ width:73%; float:left;height:35px;overflow:hidden;border:1px solid #ddd; border-radius:1px; }
.msinu p{ width:100%; float:left;height:35px; margin:0; font-size: 15px; color:#444; line-height: 35px;animation:swttyping 4s steps(11,end) infinite,blink-caret .5s step-end infinite alternate}
@keyframes swttyping{0%{width:0}25%{width:35ch}100%{width:35ch}}
@keyframes blink-caret{50%{border-color:transparent}}
@-webkit-keyframes anim1{0%{top:0;opacity:1}100%{top:-100px;opacity:1}}

@media screen and (max-width:375px){
 .smaburn p{ font-size: 13px;}
 .smaburn p a{ font-size: 13px;}
 .smaburn p a img{ margin-top: 0%;}
}

@media screen and (min-width:480px){
 .smaburn p{ font-size: 12px;}
 .smaburn p a{ font-size: 12px;}
 .smaburn p a img{ margin-top: 0%;}
}

@media screen and (min-width:640px){
 .float_container .title_talk{ width: 100%; height:60px; }
 .title_talk a{display: block; color:#ffffff; text-decoration:none;  font-size: 24px; line-height: 65px;}
 .float_container .time{font-size:16px;line-height: 1.8;}
 .float_container .xinbox a{ font-size: 20px;}
 .float_container .xinbox img{ width: 8%;}
 .float_container .xinbox{padding:3% 3%;}
 .smaburn p{ font-size: 20px;}
 .smaburn p a{ font-size: 20px;}
 .smaburn p a img{ margin-top: 0%;}
.tpprice h6,.tpcase h6{ font-size: 22px; margin: 0; margin-bottom: 1.5%; padding-left: 1%; border-left: 2px solid #000; line-height: 22px;}
.tpprice ul li p{ color:#fff; margin: 0; font-size: 22px; line-height: 22px; }
.tpprice ul li p span{ color:#fff; margin: 0; font-size: 24px; line-height: 24px; padding-top: 2%; display: inline-block;}

 .mgskl{ width: 94%; margin-top: 15px;}
.mgskl a{ width: 16%; font-size: 19px;}
#hfnum{ font-size:15px;  width:17px; height:17px; line-height:17px; border-radius: 50%; }
.jtgmc{ width: 2% !important; margin-top: 1% !important; margin-left: 0.5%;}

.msinu{ width:77%; float:left;height:50px;overflow:hidden;}
.msinu p{ width:100%; float:left;height:50px; margin:0; font-size: 22px; line-height: 50px;}
.tpprice ul li{ height: 20%; }

}

中间弹窗
.sjfcen{ width:280px; z-index: 99999999999999999;transform: translateZ(1000px); position:fixed; left:50%; margin-left:-140px;top:20%; border-radius:15px; overflow:hidden; display:none; box-shadow:1px 2px 10px 2px #514f4f;}
.sjfcenColse{ width:40px; height: 40px; position:absolute; right:0px; top:0px;}
.sfbotun{ width:100%; height: 40px; position:absolute; right:0px; bottom:0px;}
.sfbotun a{ width:50%; height: 40px; float:left}
中间弹窗
 */